@charset "utf-8";

@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:16px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:12px;}}

@media (min-width: 768px)
{

}
@media (min-width: 992px)
{

}
@media (min-width: 1200px)
{

}
@media (min-width: 1360px)
{


}


@media (min-width: 1440px)
{

}
.container{ width:88%; padding:0;}

@media (min-width: 1660px)
{
.container{ max-width:1400px;}
.s_container {
    max-width: 1600px;
}


}
@media screen and (min-width:1200px) and (max-width:1440px){
 
 
}
@media (max-width: 1700px)
{
#nav{ padding-right:1rem;}
#nav ul li{ padding:0 .8rem;}

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
.web{ display:none;}
.wap{ display:block;}
#right_con{ width:100%; max-width:inherit;}
}

@media (max-width: 1360px)
{
}


@media (max-width: 1200px)
{

}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{

}
@media (max-width: 860px)
{


}
@media (max-width: 768px)
{
.container{ width:100%; padding-left:15px; padding-right:15px;}
#logo img{ width:18rem;}
#search_btn{width:4rem;right:4rem;border:  0;}
#nav_btn_box{width:4rem;background: #eef0f1;}
#s_rukou ul li{ width:100%;}
#s_rukou ul li .img{ float:left;}
.banner{ height:450px;}
.banner li .img{ height:450px;}
.foot .ewm{ float:none;display: block; text-align: center;}
.foot .ewm .txt{ position:relative; text-align:center; display:block; left:auto; height:auto; margin-top:10px;}
.foot .ewm .txt p{ display:block; line-height:1.5; }
#n_news_list ul{ margin:0 -10px; margin-top:-25px;}
#n_news_list ul li{ width:50%; padding:0 10px; margin-top:25px;}
.j_pages span,.j_pages input,.j_pages button{ display:none; }
.foot_bot{ margin-top:20px;}
#n_zhuanjia .hd li>div{ padding:20px;}
}

@media (max-width: 480px)
{

.banner{ height:240px;}
.banner li .img{ height:240px;}
.banner .slick-prev{ left:1rem;}
.banner .slick-next{ right:1rem;}
#s_news .box1 h5{ width:73%;}
#s_news .item ul li h5{ font-size:13px;}
#s_news .s_news_slide{ margin-top:0;}
#s_rukou ul li{ height:162px;}
#s_mian{ padding-bottom:50px;}

.n_article .ar_article{ padding-bottom:10px !important;}
.ar_article table{ width:100% !important;}
.ar_article table td,.ar_article table th{ padding:3px 5px !important; font-size:13px !important; font-weight:normal !important; width:auto !important; height:auto !important;}
.ar_article table td *,.ar_article table th *{ padding:3px 5px !important; font-size:13px !important; font-weight:normal !important; padding:0 !important;}

.tc-box{ width:auto; height:auto; overflow:hidden; padding:50px 20px;}
.tc-box .btn_blue,.tc-box #keyword,.tc-box .tc_fdj{ height:3.5rem; line-height:3.5rem;}

.n_banner{ height:10rem;}
#n_main .container{ padding-bottom:3.5rem;}
#n_news_list{ margin-top:2.4rem;}
#n_news_list ul{ margin:0 -5px; margin-top:-20px;}
#n_news_list ul li{ width:50%; padding:0 5px; margin-top:20px;}
#n_news_list ul li .txt{ padding:10px 15px;}
.j_pages a{    padding: 0 11px;
    height: 31px;
    line-height: 31px;
    font-size: 20px;
    margin: 0 3px;
    font-size: 14px; min-width:inherit;}
#n_yanjiu ul { margin-top:-20px;}
#n_yanjiu ul li{ width:100%; margin-top:20px;}
#n_yanjiu ul li a{ padding:20px 25px;}
#n_yanjiu ul li h5{ margin-top:15px; margin-bottom:10px;}
#n_news ul li .img{ width:35%;}
#n_news ul li{ padding:15px 0;}
#n_news ul li .txt{ width:60%;}
#n_news ul li .txt h5{ width:210px; font-size:14px; white-space:nowrap;}
#n_news ul li .txt span{ margin:.6rem 0;}
#n_zhuanjia .hd{ margin:0 -4px;}
#n_zhuanjia .slick-prev{ left:6px;}
#n_zhuanjia .slick-next{ right:6px;}
#n_zhuanjia .hd li>div{ margin:0 5px;}
#n_zhuanjia .bd li{ padding:20px; padding-right:0;}
#n_zhuanjia .bd li .tt{ margin-bottom:1rem;}
.ar_tt h1{ font-size:1.3rem;}
.ar_tt h2 span{ font-size:12px;}
}




.btn_primary01:hover, .btn_primary01:focus {
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}
s
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}


.btn_flashcenter {  position: relative; overflow: hidden; transition: 0.52s; }
.btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }

.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }


@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}








